<html>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link href="/styles/base.css" rel="stylesheet" type="text/css">
<link href="/styles/flight.css" rel="stylesheet" type="text/css">
<link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
<link href="/styles/flight/css+mfw-header.2015^YlVS^1564104263.css" rel="stylesheet" type="text/css">
<link href="/styles/index.css" rel="stylesheet" type="text/css">
<link href="/styles/flight/mfw-footer.css" rel="stylesheet" type="text/css">
<link href="/styles/flight/mfw-toolbar.css" rel="stylesheet" type="text/css">
<link href="/styles/flight/swiper-4.4.2.min.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/js/plugins/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
<script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
<script type="text/javascript" src="/js/system/index.js"></script>
<script type="text/javascript" src="/js/plugins/jrender/jrender.min.js"></script>
<style>
    #banner-con-gloable {
        display: block;
        position: fixed;
        bottom: 0;
        left: -100%;
        z-index: 110;
        width: 100%;
        height: 179px;
        overflow-x: hidden;
    }

    #banner-con-gloable .banner-btn-con {
        width: 100%;
        height: 162px;
        background: rgba(30, 15, 8, 0.95);
        position: absolute;
        bottom: 0;
    }

    #banner-con-gloable .banner-btn-con .close-btn {
        position: absolute;
        right: 35px;
        top: 24px;
        z-index: 120;
        height: 24px;
        width: 24px;
        cursor: pointer;
    }

    #banner-con-gloable .banner-image-con {
        position: absolute;
        right: 50%;
        bottom: 0;
        width: 1000px;
        margin-right: -500px;
    }

    #float-pannel-gloable {
        padding-left: 28px;
        padding-bottom: 20px;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 110;
        left: -230px;
    }

    #float-pannel-gloable .float-btn {
        width: 24 pxpx;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }

    #closed {
        height: 24px;
        width: 24px;
        vertical-algin: top;
        border: none;
        cursor: pointer;
    }
</style>

<script>

    $(function () {

        //单选框
        var i = 1;
        $(".radio").click(function(){
            $(this).toggleClass("active");
            if (i%2==0){
                $(".item clearfix none").children(".label").attr("style","display: none;");
                $("div.form").attr("style","display: none;");
            } else{
                $(".item clearfix none").children(".label").removeAttr("style","display: none;");
                $("div.form").removeAttr("style","display: none;");
            }
            i++;
            //航空意外

            if ($(this).hasClass("safeac")) {
                if ($(this).hasClass("active")) {
                    $(".safePrice").closest("div").parent("div").removeAttr("style");
                    $(".safePrice").next("span").text($("div.ticket li").size());
                }else{
                    $(".safePrice").closest("div").parent("div").attr("style","display: none;")
                    $(".safePrice").next("span").text(0);
                }
                //计算价格
                totalPrice();
            }

            //航空延误
            if ($(this).hasClass("safedl")){
                if ($(this).hasClass("active")) {
                    $(".delayPrice").closest("div").parent("div").removeAttr("style");
                    $(".delayPrice").next("span").text($("div.ticket li").size());
                }else {
                    $(".delayPrice").closest("div").parent("div").attr("style","display: none;");
                    $(".delayPrice").next("span").text(0);
                }
                //计算价格
                totalPrice();
            }
        });


        //报销类型
        $(".title-radio").click(function () {
            $(".title-type").removeClass("active");
            $(this).parent(".title-type").addClass("active");
        });


        //增加联系人
        $(".btnbox").click(function () {
            $("#model li").clone(true).insertAfter($("div.ticket li").last());

            //人数
            $(".person-num").text($("div.ticket li").size());
            //计算价格
            totalPrice();
        });

        //删除乘机人
        $(".del-psger").click(function () {
            if ($("div.ticket li").size()>1){
                $(this).closest("li").remove();
                //人数
                $(".person-num").text($("div.ticket li").size());
                //计算价格
                totalPrice();
            }
        });

        //计算总价格
        function totalPrice() {
            //总价格
            var num = parseInt($("div.ticket li").size(),10);//总人数
            //保险需要单独计算,因为状态, 对应的人数是不一样的.
            var realsafenum = parseInt($(".safePrice").next("span").text(),10);
            var realdelaynum = parseInt($(".delayPrice").next("span").text(),10);
            $(".total-num").text((det + bac + oil)*num + safe*realsafenum + delay*realdelaynum + pass - discount );
        }

        //提交订单
        $(".submit").click(function () {
            //$("#order").submit();
            $.post("/flight/submit",function (data) {
                if (data.success){
                    alert("提交成功");
                    location.href="/flight";
                }else{
                    alert(data.msg);
                }


            })

        });



        //航班价格 初始状态,只执行一次
        var det = parseInt($(".ticketPrice").attr("data-dep"),10);
        var bac = parseInt($(".ticketPrice").attr("data-bac"),10);
        $(".ticketPrice").text(det+bac);
        var oil = parseInt($(".oilPrice").text(),10);
        var safe = parseInt($(".safePrice").text(),10);
        var delay = parseInt($(".delayPrice").text(),10);
        var pass = parseInt($(".passPrice").text(),10);
        var discount = parseInt($(".discountPrice").text(),10);
        $(".total-num").text(det + bac + oil + pass - discount);
    });





</script>

<body style="position: relative;">

<form action="/flight/submit" method="post" id="order">
    <input type="hidden" name="" value="">
</form>

<#assign currentNav="flight">
<#include "../common/navbar.ftl">
<div id="app"><!---->
<#--用来做联系人的模板-->
    <div id="model" style="display: ">
        <li class="item"><span class="order"></span>
            <div class="wrap none">
                <div class="people-inputbox">
                    <input id="name" type="text" placeholder="请输入乘机人姓名" class="input" style="width: 452px;">
                    <span class="type-name">成人票</span>
                    <div class="info"><i class="note"></i>
                        <div class="desc"><i class="corner"></i>
                            <p>1. 请您严格按照所持有效证件上的姓名填写。<br></p>
                            <p>2. 如您的姓名中含有生僻字或繁体字，请用拼音代替生僻字（如：陶喆喆，请填写‘陶zhezhe’），拼音之后不可再输入汉字，需用拼音代替。<br>
                            </p>
                            <p>3. 姓名中如含有特殊符号“·”“-”“.”等，可不用输入。<br></p>
                            <p>4. 姓名过长时请使用缩写（中文名不超过12个汉字；拼音名不超过26个字符）。<br></p></div>
                    </div>
                </div>
            </div>
            <div class="wrap">
                <div class="typebox">
                    <input id="id" type="text" readonly="readonly" class="type more-select" value="身份证">
                    <i class="arrow"></i>
                    <div class="select">
                        <span class="option">身份证</span>
                        <span class="option">护照</span>
                        <span class="option">军官证</span>
                        <span class="option">士兵证</span>
                        <span class="option">台胞证</span>
                        <span class="option">其他</span>
                        <span class="option">回乡证</span>
                        <span class="option">港澳台居住证</span>
                    </div>
                </div>
                <div class="inputbox">
                    <input type="text" placeholder="请填写证件号码" class="input" style="width: 312px;">
                </div>
                <span class="del-psger">删除</span>
            </div><!---->
        </li>
    </div>

    <div class="v-flightpc-container v-book clearfix">
        <div class="fl main">
            <div class="cont">
                <div class="sec-title"><h3 class="text">乘机人</h3></div>
                <div class="psger-list clearfix"><!----></div>
                <div class="psger-add ticket">
                    <ul class="list">
                        <li class="item"><span class="order"></span>
                            <div class="wrap none">
                                <div class="people-inputbox">
                                    <input id="name" type="text" placeholder="请输入乘机人姓名" class="input" style="width: 452px;">
                                    <span class="type-name">成人票</span>
                                    <div class="info"><i class="note"></i>
                                        <div class="desc"><i class="corner"></i>
                                            <p>1. 请您严格按照所持有效证件上的姓名填写。<br></p>
                                            <p>2. 如您的姓名中含有生僻字或繁体字，请用拼音代替生僻字（如：陶喆喆，请填写‘陶zhezhe’），拼音之后不可再输入汉字，需用拼音代替。<br>
                                            </p>
                                            <p>3. 姓名中如含有特殊符号“·”“-”“.”等，可不用输入。<br></p>
                                            <p>4. 姓名过长时请使用缩写（中文名不超过12个汉字；拼音名不超过26个字符）。<br></p></div>
                                    </div>
                                </div>
                            </div>
                            <div class="wrap">
                                <div class="typebox">
                                    <input id="id" type="text" readonly="readonly" class="type more-select" value="身份证">
                                    <i class="arrow"></i>
                                    <div class="select">
                                        <span class="option">身份证</span>
                                        <span class="option">护照</span>
                                        <span class="option">军官证</span>
                                        <span class="option">士兵证</span>
                                        <span class="option">台胞证</span>
                                        <span class="option">其他</span>
                                        <span class="option">回乡证</span>
                                        <span class="option">港澳台居住证</span>
                                    </div>
                                </div>
                                <div class="inputbox">
                                    <input type="text" placeholder="请填写证件号码" class="input" style="width: 312px;">
                                </div>
                                <span class="del-psger">删除</span>
                            </div><!---->
                        </li>
                    </ul>
                    <span class="btnbox"><i class="plus">&nbsp;</i><span class="add">添加乘机人</span></span></div>
            </div>
            <div class="cont">
                <div class="sec-title"><h3 class="text">保险</h3></div>
                <div class="common-list">
                    <div class="item clearfix none">
                        <i class="radio  safeac"></i>
                        <span class="name">航空意外险</span>
                        <div class="info"><i class="note"></i>
                            <div class="desc"><i class="corner"></i>
                                <div class="list"><p>航空意外险</p>
                                    <div><p class="title">1. 产品名称：中银-马蜂窝航空意外保险：</p>
                                        <p class="title">2. 保障项目及保障金额：</p>
                                        <p class="text">意外身故、残疾 3,200,000 元</p>
                                        <p class="title">3. 承保公司：中银保险有限公司</p>
                                        <p class="text">全国统一客服专线：95566</p>
                                        <p class="title">4. 被保人年龄范围：90天-85周岁。</p>
                                        <p class="title">5. 特别约定：</p>
                                        <p class="text">71至85岁的被保险人，其“身故、残疾保障”的保险金额为保单所承载金额的一半；<br>未成年人（未满18周岁为未成年人）的保险责任与成年人保险责任一致，未成年人身故保额不超过最新监管要求；
                                        </p>
                                        <p class="title">6. 退改政策：保险生效后不允许退保，保单生效前可以退保。</p>
                                        <p class="title">7. 理赔流程：</p>
                                        <p class="text">出险后拨打中银保险有限公司全国统一客服专线95566 报案。<br>紧急救援电话：24小时援助服务电话：+86-28-66779670。
                                        </p>
                                        <p class="title">8. 保单查询说明：</p>
                                        <p class="text">请登陆中银保险官方网站 https://e.bocins.com 查询保单、条款信息。</p>
                                        <p class="title">9. 保险条款：</p>
                                        <p class="text">具体保险责任及其他未尽事宜请以保险条款为准,详情可咨询95566。<br>(中银保险)(备-普通意外保险)【2017】(主)
                                            001号-航空旅客人身意外伤害保险（A款）条款</p>
                                        <p class="title">10. 销售主体：华泰保险经纪有限公司</p>
                                        <p class="text">请登陆中银保险官方网站 https://e.bocins.com 查询保单、条款信息。</p>
                                        <p class="title">11. 客户告知书：</p>
                                        <p class="text"><a
                                                href="https://bigfile.mafengwo.net/s11/M00/44/29/wKgBEFtVusiAK2uUAAG1Hrl2rq0325.pdf"
                                                target="_blank">点击查看</a></p>
                                        <p class="title">12. 授权委托书：</p>
                                        <p class="text"><a
                                                href="https://bigfile.mafengwo.net/s11/M00/44/52/wKgBEFtVuv2AYS46AAEogcJ8eIA343.pdf"
                                                target="_blank">点击查看</a></p>
                                        <p class="title">13. 保险条款总则：</p>
                                        <p class="text"><a
                                                href="https://bigfile1.mafengwo.net/s12/M00/D9/B5/wKgED1v9-4mAb82jAAQrpAY1bsU502.pdf"
                                                target="_blank">点击查看</a></p>
                                        <p class="title">14. 声明：</p>
                                        <p class="text">马蜂窝所有保险均有依法设立的保险公司提供，马蜂窝仅提供平台展示，而非保险公司的代理人，本站所载保险
                                            中银保险、阳光保险及中国人民保险产品均由华泰保险经纪有限公司负责安排承保、理赔、退保、投诉及客户服务，本站只提供网络技术辅助服务</p>
                                        <p class="title">15. 相关资质：</p>
                                        <p class="text"><a
                                                href="https://bigfile.mafengwo.net/s12/M00/82/C5/wKgED1wR9CmAAq4UAA9I5qIs45Q681.pdf"
                                                target="_blank">点击查看</a></p></div>
                                </div>
                            </div>
                        </div>
                        <span class="count">¥30/份 x 1人 x 1航段</span><span class="label">旅行意外保障</span><span class="label">最高赔付320万</span>
                    </div>
                    <div class="item clearfix">
                        <i class="radio safedl"></i>
                        <span class="name">航空延误险</span>
                        <div class="info">
                            <i class="note"></i>
                            <div class="desc">
                                <i class="corner"></i>
                                <div class="list">
                                    <p>航空延误险</p>
                                    <div><p class="title">1. 保障项目及保障金额：</p>
                                        <p class="text">航班到达延误3小时及以上300元；<br>航班备降、返航300元；<br>航班被取消100元；<br>延误、返航、备降、取消不可以兼赔
                                        </p>
                                        <p class="title">2. 险种信息：</p>
                                        <p class="text">保险公司：阳光财产保险股份有限公司<br>全国统一客服专线： 95510，该产品由华泰保险经纪有限公司进行销售</p>
                                        <p class="title">3. 被保人年龄范围：</p>
                                        <p class="text">0-85周岁（0岁指出生满90天并健康出院），同一被保险人同一航段只能购买一份<br>不保人群：<br>不保人群无特殊约定。
                                        </p>
                                        <p class="title">4. 退改政策：</p>
                                        <p class="text">用户在飞机场改签后，请及时在马蜂窝客服中心报备。如没有及时通知，保险还是原航班生效，一旦出险，后果自行承担；<br>保险生效后不允许退保，保单生效前可以退保，但不允许单独退保，用户在飞机场退票后，请及时在马蜂窝客服中心联系客服退保；<br>理赔流程：<br>出险后拨打阳光财险全国统一客服专线95510报案。
                                        </p>
                                        <p class="title">5. 保单查询说明：</p>
                                        <p class="text"><a
                                                href="http://wecare.sinosig.com/common/new_customerservice/html/baodanfuwu/dzbd_index.html">点击查看</a>
                                        </p>
                                        <p class="title">6. 客户告知书：</p>
                                        <p class="text"><a
                                                href="https://bigfile1.mafengwo.net/s11/M00/16/C3/wKgBEFqnoHCAJQW1AAIFfL8WnVo811.pdf"
                                                target="_blank">点击查看</a></p>
                                        <p class="title">7. 授权委托书：</p>
                                        <p class="text"><a
                                                href="https://bigfile.mafengwo.net/s11/M00/17/02/wKgBEFqnoKyAQVMbAAEdDZbLbFI683.pdf"
                                                target="_blank">点击查看</a></p>
                                        <p class="title">8. 保险条款：</p>
                                        <p class="text">具体保险责任及其它未尽事宜请以保险条款为准</p>
                                        <p class="title">9. 声明：</p>
                                        <p class="text">马蜂窝所有保险均由依法设立的保险公司提供，马蜂窝仅提供平台展示，而非保险公司的代理人，本站所载保险
                                            阳光保险及中国人民保险产品均由华泰保险经纪有限公司负责承保、理赔、退保、投诉及客户服务，本站只提供网络技术辅助服务。</p>
                                        <p class="title">10. 相关资质：</p>
                                        <p class="text"><a
                                                href="https://bigfile.mafengwo.net/s12/M00/82/C5/wKgED1wR9CmAAq4UAA9I5qIs45Q681.pdf"
                                                target="_blank">点击查看</a></p></div>
                                </div>
                            </div>
                        </div>
                        <span class="count">¥30/份 x 1人 x 1航段</span><span class="label">旅行无忧</span><span class="label">延误可理赔</span>
                    </div>
                </div>
            </div>
            <div class="cont">
                <div class="sec-title"><h3 class="text">联系人</h3></div>
                <div class="psger-list clearfix"></div>
                <div class="psger-add per">
                    <ul class="list">
                        <li class="item none">
                            <div class="wrap none">
                                <div class="inputbox">
                                    <input type="text" placeholder="请填写联系人姓名" class="input buyer-name">
                                </div>
                            </div>
                            <div class="wrap">
                                <div class="typebox ">
                                    <input  type="text" readonly="readonly" class="type more-select" value="+86">
                                    <i class="arrow"></i>
                                    <div class="country-box">
                                        <div class="country-nav"><span class="country-code active">hot</span><span
                                                class="country-code">A</span><span
                                                class="country-code">B</span><span
                                                class="country-code">C</span><span
                                                class="country-code">D</span><span
                                                class="country-code">E</span><span
                                                class="country-code">F</span><span
                                                class="country-code">G</span><span
                                                class="country-code">H</span><span
                                                class="country-code">J</span><span
                                                class="country-code">K</span><span
                                                class="country-code">L</span><span
                                                class="country-code">M</span><span
                                                class="country-code">N</span><span
                                                class="country-code">P</span><span
                                                class="country-code">Q</span><span
                                                class="country-code">R</span><span
                                                class="country-code">S</span><span
                                                class="country-code">T</span><span
                                                class="country-code">W</span><span
                                                class="country-code">X</span><span
                                                class="country-code">Y</span><span class="country-code">Z</span>
                                        </div>
                                        <div class="country-cont clearfix"><span class="country-item">中国大陆86</span><span
                                                class="country-item">中国香港852</span><span class="country-item">中国澳门853</span><span
                                                class="country-item">中国台湾886</span><span
                                                class="country-item">泰国66</span><span
                                                class="country-item">日本81</span><span
                                                class="country-item">马来西亚60</span></div>
                                    </div>
                                </div>
                                <div class="inputbox">
                                    <input type="text" placeholder="请填写联系人手机号" class="input buyer-phone"><!---->
                                </div>
                            </div>
                            <div class="wrap">
                                <div class="inputbox">
                                    <input type="text" placeholder="请填写联系人邮箱" class="input buyer-email">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cont">
                <div class="sec-title"><h3 class="text">报销凭证</h3></div>
                <div class="common-list">
                    <div class="item clearfix none">
                        <i class="radio"></i>
                        <span class="name">需要报销凭证</span>
                        <span class="label">(航班起飞后28天内可补开纸质行程单)</span>
                    </div>
                    <span class="flg-book-alert" style="display: none;">航班起飞后7天内，将向您邮寄报销凭证</span>
                </div>
                <div class="form" style="display: none;">
                    <div class="form-row clearfix none"><span class="form-left">报销类型</span><span class="form-right">纸质行程单</span>
                    </div>
                    <div class="form-row clearfix none"><span class="form-left">配送方式</span><span
                            class="form-right">快递<span class="form-money">¥20</span></span></div>
                    <div class="form-row clearfix none"><span class="form-left">发票类型</span>
                        <div class="form-right">
                            <div class="title-type active"><i class="title-radio"></i><span class="title-name">个人</span>
                            </div>
                            <div class="title-type"><i class="title-radio"></i><span class="title-name">公司</span></div>
                            <div class="title-type"><i class="title-radio"></i><span class="title-name">政企单位</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-row clearfix none">
                        <span class="form-left">发票抬头</span>
                        <div class="form-right none">
                            <input type="text" placeholder="请填写真实姓名" class="form-input">
                        </div>
                        <!---->
                    </div><!---->
                    <div class="form-row clearfix">
                        <span class="form-left">税号</span>
                        <div class="form-right none">
                            <input type="text" placeholder="请填写15、18、20位数码的纳税人识别号" class="form-input">
                        </div>
                    </div>
                    <div class="form-row clearfix">
                        <span class="form-left">收件人</span>
                        <div class="form-right none">
                            <input type="text" placeholder="请填写真实姓名" class="form-input">
                        </div>
                    </div>
                    <div class="form-row clearfix">
                        <span class="form-left">地址</span>
                        <div class="form-right none">
                            <input type="text" placeholder="请填写中国境内地址信息" class="form-input">
                        </div>
                    </div>
                </div>
            </div>
            <div class="cont">
                <div class="sec-title"><h3 class="text">优惠券</h3></div>
                <div class="common-list">
                    <div class="item clearfix none"><i class=""></i><span class="name">暂无可用优惠券</span></div>
                </div><!----></div>
            <button type="button" class="submit">提交订单</button>
        </div>
        <div class="fr aside">
            <div class="trips">
                <#if depInfo??>
                <div class="trip-item none">
                    <#if bacInfo??>
                    <i class="trip-type"></i>
                    </#if>
                    <div class="trip-title none"><!----><span class="trip-name">${depInfo.beginDest.name!} - ${depInfo.endDept.name!}</span>
                        <span class="trip-date">${(depInfo.beginFlyTime?string('MM月dd日'))!} ${depInfo.week!}</span>
                    </div>
                    <div class="trip-detail">
                        <div class="trip-left"><p class="trip-time">${(depInfo.beginFlyTime?string('HH:mm'))!}</p>
                            <p class="trip-airport">${depInfo.beginAirport.name!} ${depInfo.beginHZL!}</p></div>
                        <div class="trip-mid"><p class="trip-hour">${depInfo.betweenTime!}</p><span class="trip-line"><i
                                class="trip-arrow"></i></span>
                            <p class="trip-info">${depInfo.airlines.name!} ${depInfo.flight!} <span>| 经济舱</span></p><!----></div>
                        <div class="trip-right"><p class="trip-time">${(depInfo.endFlyTime?string('HH:mm'))!}</p><!---->
                            <p class="cross-days">${depInfo.crossDay!} </p>
                            <p class="trip-airport">${depInfo.endAirport.name!} ${depInfo.endHZL!}</p>
                        </div>
                    </div>
                </div>
                </#if>
            <#if bacInfo??>
                <div class="trip-item">
                    <div class="trip-title"><i class="trip-type active"></i><span class="trip-name">${bacInfo.beginDest.name!} - ${bacInfo.endDept.name!}</span>
                        <span class="trip-date">${(bacInfo.beginFlyTime?string('MM月dd日'))!} ${bacInfo.week!}</span></div>
                    <div class="trip-detail">
                        <div class="trip-left"><p class="trip-time">${(bacInfo.beginFlyTime?string('HH:mm'))!}</p>
                            <p class="trip-airport">${bacInfo.beginAirport.name!} ${bacInfo.beginHZL!}</p></div>
                        <div class="trip-mid"><p class="trip-hour">${bacInfo.betweenTime!}</p><span class="trip-line"><i
                                class="trip-arrow"></i></span>
                            <p class="trip-info">${bacInfo.airlines.name!} ${bacInfo.flight!} <span>| 经济舱</span></p><!----></div>
                        <div class="trip-right"><p class="trip-time">${(bacInfo.endFlyTime?string('HH:mm'))!}</p>
                            <p class="cross-days">${bacInfo.crossDay!} </p>
                            <p class="trip-airport">${bacInfo.endAirport.name!} ${bacInfo.endHZL!} </p></div>
                    </div>
                </div>
            </#if>
            </div>
            <div class="prices">
                <div class="price-item">
                    <div class="price-wrap clearfix">
                        <span class="price-type">机票 成人</span>
                        <span class="price-info">
                            <span class="price-num">¥</span>
                            <span class="price-num ticketPrice" data-dep="${(depInfo.price)!0}" data-bac="${(bacInfo.price)!0}"></span> x
                            <span class="person-num">1</span>
                        </span>
                    </div>
                    <div class="price-wrap clearfix">
                        <span class="price-type">机建燃油 成人</span>
                        <span class="price-info">
                            <span class="price-num">¥</span>
                            <span class="oilPrice">50</span>x
                            <span class="person-num">1</span>
                        </span>
                    </div>
                </div>
                <div class="price-item" style="display: none;">
                    <div class="price-wrap clearfix">
                        <span class="price-type">航空意外险</span>
                        <span class="price-info">
                            <span class="price-num">¥</span>
                            <span class="safePrice">30</span>x
                            <span class="person-num">0</span>
                        </span>
                    </div>
                </div>
                <div class="price-item" style="display: none;">
                    <div class="price-wrap clearfix">
                        <span class="price-type">航空延误险</span>
                        <span class="price-info">
                            <span class="price-num">¥</span>
                            <span class="delayPrice">30</span>x
                            <span class="person-num">0</span>
                        </span>
                    </div>
                </div>
                <div class="price-item">
                    <div class="price-wrap clearfix">
                        <span class="price-type">快递费</span>
                        <span class="price-info">
                            <span class="price-num">¥
                                <span class="passPrice">20</span>
                            </span>
                        </span>
                    </div>
                </div><!---->
                <div class="price-item">
                    <div class="price-wrap active clearfix">
                        <span class="price-type" style="color: rgb(179, 112, 18);">优享套餐</span>
                        <span class="price-info">
                            <span class="price-num">¥
                                <span class="discountPrice">30</span>
                            </span>
                        </span>
                        <div class="auxiliary"><i class="corner"></i>
                            <div class="list">
                                <div class="item">
                                    <div class="title">10元 国内机票优惠券</div>
                                    <div class="desc">满1200可用</div>
                                    <div class="desc">仅限国内机票使用，领取后3天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">5元 火车票优惠券</div>
                                    <div class="desc">满199使用</div>
                                    <div class="desc">仅限火车票使用，领取后7天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">10元 境内酒店优惠券</div>
                                    <div class="desc">满399可用</div>
                                    <div class="desc">仅限境内酒店使用，领取后7天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">20元 境内酒店优惠券</div>
                                    <div class="desc">满799可用</div>
                                    <div class="desc">仅限境内酒店使用，领取后3天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">20元 当地游优惠券</div>
                                    <div class="desc">满1299可用</div>
                                    <div class="desc">仅限当地游使用，领取后3天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">10元 当地游优惠券</div>
                                    <div class="desc">满799可用</div>
                                    <div class="desc">仅限当地游使用，领取后7天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">5元 门票优惠券</div>
                                    <div class="desc">满199可用</div>
                                    <div class="desc">仅限门票使用，领取后3天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">优惠券规则</div>
                                    <div class="desc">* 优选礼包一经售出，不退不改</div>
                                    <div class="desc">* 优选礼包中优惠券点击顶部栏您的头像，在【我的优惠券】中进行查看</div>
                                    <div class="desc">* 优惠券使用方法及详细说明，请参考【我的优惠券】页面说明</div>
                                    <div class="desc">* 最终解释权归马蜂窝所有</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="total-price">
                <span class="total-title">应付总额</span>
                <span class="total-num">806</span>
                <span class="total-type">¥</span>
            </div>
            <div class="tgq">退改签行李额规则及供应商信息</div>
        </div><!---->
        <div class="v-dialog" style="display: none;">
            <div class="v-mask-loading">
                <div class="v-mask-loading-icon"></div>
            </div>
        </div><!----></div>
</div>
<#include "../common/footer.ftl">
</body>

</html>